<template>
  <div class="slot-content">
    <h4>{{ title }}</h4>
    <slot>
      <p>我是默认内容, 哈哈哈</p>
    </slot>
  </div>
</template>

<script setup>
  defineProps({
    title: {
      type: String,
      default: "我是默认标题",
    },
  })
</script>

<style lang="scss" scoped>
  // .slot-content 不生效
  // .slot-content {
  //   .default-slot {
  //     color: red;
  //     background-color: orange;
  //   }
  // }

  // 去除scoped生效
  // .default-slot {
  //   color: red;
  //   background-color: orange;
  // }
</style>
 

